<div class="npc-three-column">
    <div class="title">
        <h1>这对你来说很容易</h1>
        <p>通过我们羽上品牌官方商店，给您无忧的购物体验以及售后</p>
    </div>
    <div class="column">
        <div class="column-item">
            <img src="https://www.jchigo.com/wp-content/uploads/2024/03/d3ced2bfb825e53704067c25c1cdab12.png" />
            <h2>选择你的产品</h2>
            <p>喜欢哪款选哪款</p>
        </div>
        <div class="column-item"> <img
                src="https://www.jchigo.com/wp-content/uploads/2024/03/5dafd1e07c2619dc9f95128b5970dbe2.png" />
            <h2>我们安排快递</h2>
            <p>第一时间安排发货，如需加急顺丰或其他快递，请咨询客服</p>
        </div>
        <div class="column-item">
            <img src="https://www.jchigo.com/wp-content/uploads/2024/03/99bdff5a74a409bb4d6dd912f6436d0f.png" />
            <h2>轻松无忧的售后服务</h2>
            <p>若有不满，七天 100% 退换</p>
        </div>
    </div>
    <div class="btn">
        <a href="https://www.jchigo.com/shop">
            <span>开始选购</span>
        </a>
        <p>您的不二之选</p>
    </div>
</div>
<style>
    .npc-three-column {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .npc-three-column .title h1,
    .npc-three-column .title p {
        margin: 0;
    }

    .npc-three-column .title h1 {
        font-size: 60px;
        line-height: 1.2em;
        color: #1b2b3d;
    }

    .npc-three-column .title p {
        font-size: 18px;
        line-height: 1.6;
        color: #565656;
        font-weight: 400;
    }

    .npc-three-column .column {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem 0;
    }

    .npc-three-column .column .column-item {

        flex: 1;
    }

    .npc-three-column .column .column-item img {
        display: inline-block;
        max-width: 120px;
    }

    .npc-three-column .column .column-item h2,
    .npc-three-column .column .column-item p {
        margin: 0;
    }

    .npc-three-column .column .column-item h2 {
        padding-top: 2rem;
        letter-spacing: -1px;
        line-height: 1.5em;
        color: #1b2b3d;
    }

    .npc-three-column .column .column-item p {
        margin: 10px 0 0;
        padding: 0;
        letter-spacing: 0px;
        color: #45576c;
        line-height: 1.6em;
    }

    .npc-three-column .btn a {
        font-size: 22px;
        text-transform: none;
        font-weight: 500;
        display: inline-block;
        margin-top: 30px;
        letter-spacing: 0px;
        background-color: #ec6432;
        color: #fff;
        padding: 15px 40px;
        border-radius: 50px;
        border-width: 0px;
    }

    .npc-three-column .btn p {
        margin: 10px 0 0;
        padding: 0;
        letter-spacing: 0px;
        color: #45576c;
        line-height: 1.6em;
    }

    @media (min-width: 1200px) {
        .npc-three-column .column {
            width: 1100px;
            padding: 50px 0 0;
        }
    }

    @media (max-width: 767px) {
        .npc-three-column {
            max-width: none !important;
            display: none !important;
        }
    }
</style>